<template>
  <div class="myshare">
    <div class="title">
      分享-自学编程没资料，我是这么找的
    </div>
    <div class="context">
      自学IT编程怎么找编程资料？选择做程序员就需要一颗保持学习的心，因为技术更新快、需求变化快等原因，所以得时刻保持学习才能不被淘汰。正因为如此，程序员一般都要有一些自学能力，说到自学，就出现了“如何找到自己想要的编程资源”的问题了，接下来我们就一起去了解了解吧。
    </div>
    <div class="info">
      <div class="user">
        <img class="myimg" src="./2.jpg" alt="" />
        <span>妮妮</span>
      </div>
      <div class="time">2020.06.29</div>
      <div class="comment">
        <i class="iconfont iconicon_pinglunliang"></i>
        <span>18</span>
      </div>
      <div class="star">
        <van-icon name="good-job-o" />
        <span>1</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less">
.myshare {
  padding: 0 15px;
  .title {
    font-size: 16px;
    line-height: 40px;
    color: #333;
  }
  span {
    margin-left: 5px;
  }
  .context {
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
  }
  .info {
    display: flex;
    align-items: center;
    color: #999;
    margin-top: 20px;
    .user {
      flex: 1;
      display: flex;
      align-items: center;
      .myimg {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin-right: 10px;
      }
    }
    .time {
      margin: 0 10px;
    }
    .comment {
      margin: 0 10px;
      display: flex;
      align-items: center;
    }
  }
}
</style>
